<template>
    <div class="App">
        <el-container>
            <!-- 头部Header -->
            <el-header>
                <myHeader />
            </el-header>

            <!-- 侧边栏 -->
            <el-container>
                <el-aside width="230px">
                    <myAside />
                </el-aside>

                <!-- main -->
                <el-main>
                    <myContent />
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>
  
<script>
import myAside from "../components/myAside.vue"
import myHeader from "../components/myHeader.vue"
import myContent from "../components/myContent.vue"
export default {
    name: 'App',
    components: { myAside, myHeader, myContent },
    data() {
        return {

        }
    },
    methods: {

    }
}
</script>
  
<style>
* {
    padding: 0;
    margin: 0;
}

.el-header {
    background-color: #545c64;
    border-bottom: 1px solid #000;
    padding: 0;
    margin: 0;
}

body {
    background: none;
}

.App {
    width: 100vw;
    height: 100vh;
}
</style>
  